*{margin: 0;padding: 0;}
.content{margin-top: 112px;}
.weekly-periods span{transform: rotate(90deg);position: relative;}
.book{width: 1140px;margin: 0 auto;margin-top: 50px;display: flex;}
.book ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
.book ul li{list-style: none;width:300px;height: 362px;background:rgba(255,255,255,1);margin-bottom: 50px;
box-shadow:0px 3px 8px 0px rgba(153,153,153,0.15);border-radius:10px;position: relative;z-index:2;}
.book ul li a{display: block;width: 100%;height: 100%;background:rgba(255,255,255,1);}
.book ul li a .book-img{width: 300px;height: 188px;}
.book ul li a .book-img img{width: 100%;height: 100%;}
.weekly-text{width:300px;height:174px;text-align: center;padding-left:50px;padding-right:85px;box-sizing: border-box;word-break:break-all;
padding-top: 38px;}
.book ul li:before{content: "";width:100%;height:95%;position: absolute;top:10px;left: 10px;background:rgba(0,0,0,0.1);z-index: -1;border-radius: 10px;}
.book ul li:after{content: "";width:100%;height: 90%;position: absolute;top:20px;left:20px;background:rgba(0,0,0,0.1);z-index: -2;border-radius: 10px;}
.weekly-periods{position: absolute;left: 0;transform: translateY(-50%);width:40px;z-index: 9;background:#30A0FF;
color: #fff;height: 208px;}
.weekly-periods{position: absolute;width:208px;height: 50px;text-align: center;line-height: 50px;
font-size: 20px;border-radius:10px;transform: translateX(-35%);left:-35%;transform: rotate(90deg);-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);top:45%;}
.pagination > li > a, .pagination > li > span{color: #333333;border: none;}


